<template>
  <div class="confirmPop">
    <el-dialog
      title=""
      :visible.sync="isVisible"
      @close="closeDialog"
      center
      width="30%"
      :close-on-click-modal="false"
    >
      <el-tabs v-model="activeName">
        <el-tab-pane label="发券说明" name="first">
          &nbsp;&nbsp;&nbsp;&nbsp;2020-12-01起，早游戏平台正式规范无门槛优惠券发放场景，提供新游保护期。首发7日内新游可自定义发放无门槛优惠券引流，首发7日以上新游将不享受无门槛发放权利，平台运营人员会线下针对数据突出的部分游戏做无门槛、送首冲等专题重点引流推荐。<br />
          <span style="color:#F00;">注：为规范发券生态，目前无门槛、满减活动均只能创建一次，且无法修改，请确保无误后添加，补仓和修改活动时间目前不受限制。</span>
        </el-tab-pane>
        <el-tab-pane label="结算模式" name="second">
          &nbsp;&nbsp;&nbsp;&nbsp;创建发布优惠券活动，参与活动的游戏可在各大活动资源位曝光。其中活动发行优惠券的优惠金额部分为不参与结算（领取但未使用的优惠券不计算在内），每月结算时从结算金额部分扣除不结算部分，剩余金额为最终结算金额。例：满10减6卷，6元不参与结算。<br />每月应得分成收益=（月实际充值收入-优惠券充值金额）×（1-渠道成本-税点）×分成比例
        </el-tab-pane>
      </el-tabs>
      <div slot="footer" class="dialog-footer">
        <el-button @click="isVisible = false">我再想想</el-button>
        <el-button type="primary" @click="submit">我已知晓</el-button>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import { getAddactData } from "@/api/activityManage";

export default {
  data() {
    return {
      isVisible: this.isShow,
      activeName: "first",
    };
  },
  props: {
    isShow: Boolean,
  },
  methods: {
    submit() {
      getAddactData().then((res) => {
        this.$emit("showaddactivityDialog", res.data);
        this.isVisible = false;
      });
    },
    closeDialog() {
      this.$emit("closeDialog");
    },
  },
};
</script>
<style lang="scss">
.confirmPop {
  .el-tabs__nav-wrap::after {
    height: 0;
  }
  .el-tabs__nav {
    transform: translateX(80%) !important;
  }
  .el-dialog--center .el-dialog__body {
    padding: 0 30px 50px;
    font-size: 14px;
    line-height: 22px;
  }
  .el-button--primary {
    background-color: #409eff;
    border-color: #409eff;
  }
  .el-button {
    padding: 10px 25px !important;
  }
  .el-dialog__headerbtn {
    font-size: 28px;
  }
}
</style>